{% extends "./layout.html" %}

{% block css %}
<link rel="stylesheet" href="/css/mobile/blog.css">
{% endblock %}


{% block content %}
<div class="header">
  <img src="/images/mobile/Magnifier.png" alt="" />
  <input type="text" placeholder="输入搜索内容" id="search_input" />
</div>
<div class="content">
  <div class="list">
    {% for blog in blogList %}
    <a class="data_list" href="/blogDetail/{{blog.id}}">
      <div class="blogImg">
        <img src="{{blog.img}}" alt="">
      </div>
      <div class="introduce">
        <h3 class="blog-title">{{blog.title}}</h3>
        <p class="create-time">{{blog.updatedAt}}</p>
      </div>
      <span class="jump" href="/blog/{{item.id}}"><span class="enter">进入</span></span>
    </a>
    {% endfor %}
  </div>
  <div class="powerby">
    {% include "./powerby.html" ignore missing %}
  </div>
</div>
<div class="menu_container">
  {% include "./menu.html" ignore missing %}
</div>
{% include "./footer.html" ignore missing %}

{% endblock %}

{% block js %}

{% endblock %}